<template>
 <div class="login">
   <p><input type="text" placeholder="请输入11位手机号码"></p>
   <p><input type="password" placeholder="请输入6-12位密码"></p>
   <div class="forget">
     <span style="margin-left: 70vw;">已有账号 ,  </span><span style="color: dodgerblue"> 忘记密码</span>
     <button>登录</button>
   </div>
 </div>
</template>

<script>
export default {
  name: 'login',
  created() {},
  methods: {},
};
</script>

<style scoped lang="scss">
  *{
    margin: 0;
    padding: 0;
  }
 .login{
   margin-top: 50px;
   width: 100vw;
   position: absolute;
 }
 .login input{
   display: inline-block;
   text-indent: 14px;
   width: 100%;
   line-height: 50px;
   border: none;
   outline: none;
   color: #555;
   font-size: 14px;
   margin-top: 1px;
   font-family: "黑体";
 }
  .forget{
    margin-top: 20px;
  }
  .forget span{
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
  }
  .forget button{
    background-color: dodgerblue;
    border: none;
    width: 70vw;
    line-height: 50px;
    display: block;
    margin: 60px auto;
    color: #fff;
    letter-spacing: 3px;
    border-radius: 30px;
    outline: none;
    font-size: 20px;
  }

</style>
